<template>
  <div style="margin: 20px 25%">
    <p style="text-align: left; font-size: 20px; margin-top: 30px">
      Welcome to SPARK-analysis platform help.
    </p>
    <p style="margin: 10px 0 10px 0; font-size: 18px; text-align: left">
      Due to limited computing resources, we offer dedicated partitions for visualization results,
      and performing personalized analyses. To view the analysis reports on our platform, you can
      directly visualize detailed results by clicking on “Data Analysis” and then “View Report”. If
      you wish to conduct downstream analysis using your personalized data, please apply for an
      account by clicking on “Account Application” to upload and process it in the required format.
    </p>
    <p style="margin: 10px 0 10px 0; font-size: 18px; text-align: left">
      If you have a personalized account, please refer to the following to access and visualize
      reports.
    </p>

    <el-image
      class="help-image"
      src="https://spatial.simuhunluo.top/ys/images/sca/help/1.png"
    ></el-image>
    <el-image
      class="help-image"
      src="https://spatial.simuhunluo.top/ys/images/sca/help/2.png"
    ></el-image>
    <p style="margin: 10px 0 10px 0; font-size: 18px; text-align: left">
      If you do not have a personalized account, please refer to the following to visualize reports.
    </p>
    <el-image
      class="help-image"
      src="https://spatial.simuhunluo.top/ys/images/sca/help/3.png"
    ></el-image>
  </div>
</template>

<script setup lang="ts" name="Help"></script>

<style scoped lang="scss">
.help-image {
  margin-top: 10px;
}
</style>
